.web14 {
  position: absolute;
  top: 0;
  background: #fff;
  width: 100%;
  bottom: 0;
  transform: translateX(-100%);
  transition: all 1s; }
  .web14 header {
    display: flex;
    align-items: center;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #c1c1c1; }
    .web14 header i {
      font-size: 20px;
      position: absolute;
      left: 10px;
      color: #999999; }
    .web14 header span {
      font-size: 20px;
      flex-grow: 1;
      text-align: center; }
  .web14 section .amount_box {
    padding: 10px 15px;
    border-bottom: 1px solid #e1e2e4; }
    .web14 section .amount_box .amount_top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
      color: #333333; }
    .web14 section .amount_box .amount_bottom {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      font-size: 12px;
      color: #666666; }
      .web14 section .amount_box .amount_bottom span {
        margin-right: 5px; }

.web15 {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #f3f4f6;
  width: 100%;
  transform: translateX(-100%);
  transition: all 1s; }
  .web15 header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #c1c1c1; }
    .web15 header i {
      font-size: 20px;
      position: absolute;
      left: 10px;
      color: #999999; }
    .web15 header .icon-error {
      position: absolute;
      left: 42px;
      font-size: 45px;
      color: #000; }
    .web15 header span {
      font-size: 20px;
      flex-grow: 1;
      text-align: center; }
  .web15 section .amount_wrap {
    background: #fff;
    padding: 15px 0 20px 10px; }
    .web15 section .amount_wrap .amount_num {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 19px;
      padding-right: 10px;
      border-bottom: 1px solid #e1e2e4;
      padding-bottom: 10px; }
    .web15 section .amount_wrap .amount_list ul li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-right: 10px;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 14px;
      color: #666666; }
      .web15 section .amount_wrap .amount_list ul li:last-child {
        padding-bottom: 0; }
      .web15 section .amount_wrap .amount_list ul li time {
        margin-right: 5px; }
  .web15 section .state_box {
    background: #fff;
    margin-top: 15px;
    padding: 15px 10px;
    color: #666666; }
    .web15 section .state_box h3 {
      font-size: 18px;
      margin-bottom: 10px; }
    .web15 section .state_box p {
      font-size: 14px;
      line-height: 25px; }

.web16, .web17 {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #f3f4f6;
  width: 100%;
  transform: translateX(-100%);
  transition: all 1s; }
  .web16 header, .web17 header {
    display: flex;
    align-items: center;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #c1c1c1; }
    .web16 header i, .web17 header i {
      font-size: 20px;
      position: absolute;
      left: 10px;
      color: #999999; }
    .web16 header span, .web17 header span {
      font-size: 20px;
      flex-grow: 1;
      text-align: center; }
  .web16 section, .web17 section {
    padding-top: 15px; }
    .web16 section .money_box, .web17 section .money_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #fff;
      padding: 15px 10px;
      border-top: 1px solid #e1e2e4;
      border-bottom: 1px solid #e1e2e4; }
      .web16 section .money_box span, .web17 section .money_box span {
        color: #cd3333; }
    .web16 section .product_box, .web17 section .product_box {
      background: #fff;
      font-size: 0;
      margin-top: 15px;
      border-bottom: 1px solid #d7d7d7;
      border-top: 1px solid #d7d7d7; }
      .web16 section .product_box .product_top, .web17 section .product_box .product_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #d7d7d7;
        padding: 10px 15px; }
        .web16 section .product_box .product_top .product_img, .web17 section .product_box .product_top .product_img {
          width: 30%;
          border: 1px solid #d7d7d7;
          margin-right: 10px; }
          .web16 section .product_box .product_top .product_img img, .web17 section .product_box .product_top .product_img img {
            width: 100%; }
        .web16 section .product_box .product_top .product_con, .web17 section .product_box .product_top .product_con {
          width: 35%;
          flex-grow: 1;
          margin-right: 10px; }
          .web16 section .product_box .product_top .product_con h3, .web17 section .product_box .product_top .product_con h3 {
            font-size: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 5px; }
          .web16 section .product_box .product_top .product_con p, .web17 section .product_box .product_top .product_con p {
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 5px; }
          .web16 section .product_box .product_top .product_con span, .web17 section .product_box .product_top .product_con span {
            font-size: 14px; }
        .web16 section .product_box .product_top i, .web17 section .product_box .product_top i {
          font-size: 20px;
          color: #bfbfbf; }
      .web16 section .product_box .product_bottom, .web17 section .product_box .product_bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        padding: 10px 15px;
        color: #494949; }
        .web16 section .product_box .product_bottom .payment, .web17 section .product_box .product_bottom .payment {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-grow: 1;
          font-size: 18px;
          margin-left: 5px; }
